<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>登陆</title>
		<!--引入文件（开始）-->
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href='//fonts.googleapis.com/css?family=Signika:400,300,600,700' rel='stylesheet' type='text/css'>
		<link href='//fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
		<!--引入文件（结束）-->
		<!--自定义js（开始）-->
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<script src="js/jquery.min.js"></script>
		<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#horizontalTab').easyResponsiveTabs({
					type: 'default', //Types: default, vertical, accordion           
					width: 'auto', //auto or any width like 600px
					fit: true // 100% fit in a container
				});
			});
		</script>
		<!--自定义js（结束）>

<!--js-->
	</head>

	<body>
		<!--整体（开始）-->
		<div class="main">
			<!--空白（开始）-->
			<div class="login-form">
				<div class="login-right">
					<div class="sap_tabs">
						<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
							<!--登录注册（开始）-->
							<ul class="resp-tabs-list">
								<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><h2>登录</h2></li>
								<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><h2>注册</h2></li>
								<div class="clear"> </div>
							</ul>

							<!--登录注册（结束）-->
							<!--中间（开始）-->
							<div class="resp-tabs-container">
								<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
									<div class="login-top">
										<!--输入（开始）-->
										<form>
											<input type="text" class="email" placeholder="邮箱" required="" />
											<input type="password" class="password" placeholder="密码" required="" />
										</form>
										<!--输入（结束）-->
										<!--下部分记住密码（开始）-->
										<div class="login-text">
											<ul>
												<li><label><input type="checkbox" value="Remember-Me" /> 记住密码</label></li>
										</div>
										<!--下部分记住密码（结束）-->
										<!--下部分登陆（开始）-->
										<div class="login-bottom login-bottom1">
											<ul>
												<li>
													<div class="submit">
														<form>
															<input type="submit" value="登录" />
														</form>
													</div>
												</li>
												<li>
													<p>其他方式登录</p>
												</li>
												<li>
													<a href="#"><img src="images/qq.jpg" alt="" /></a>
												</li>
												<li>
													<a href="#" class="twt"><img src="images/vx.jpg" alt="" /></a>
												</li>
											</ul>
											<div class="clear"></div>
											<!--下部分登陆（结束）-->
										</div>
									</div>
								</div>
								<!--注册（开始）-->
								<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
									<div class="login-top sign-top">
										<form>
											<!--输入框（开始）-->
											<p>
											<input type="text" class="name active" placeholder="名字" required="" />
											<input type="text" class="email" placeholder="邮箱" required="" />
											<input type="password" class="password" placeholder="密码" required="" />
											<input type="text" class="phone" placeholder="手机号" required="" />
											<input type="text" class="idcard" placeholder="身份证号" required="" />
											</p>
											<!--输入框（结束）-->
											<select style="font-size: 13px;color: #929CE4;background: #fff;border: 2px solid #929CE4;outline: none;cursor: pointer;padding: 6px 13px;">
												<option value="volvo">性别</option>
												<option value="volvo">男</option>
												<option value="saab">女</option>
											</select> 
											<select style="font-size: 13px;color: #929CE4;background: #fff;border: 2px solid #929CE4;outline: none;cursor: pointer;padding: 6px 13px;">
												<option value="volvo">身份</option>
												<option value="volvo">学生</option>
												<option value="saab">老师</option>
											</select> 
											
											
										</form>
										<div class="login-bottom">

											<ul>
												<li>
													<div class="submit">
														<form>
															<input type="submit" value="注册" />
														</form>
													</div>
												</li>
												<li>
													<p>其他注册</p>
												</li>
												<li>
													<a href="#"><img src="images/qq.jpg" alt="" /></a>
												</li>
												<li>
													<a href="#" class="twt"><img src="images/vx.jpg" alt="" /></a>
												</li>
											</ul>
											<div class="clear"></div>
										</div>
									</div>
								</div>
								<!--注册（结束）-->
							</div>
						</div>
					</div>
				</div>
				<div class="clear"> </div>
			</div>
			<!--空白（结束）-->
		</div>
		<!--整体（结束）-->
	</body>

</html>